<!DOCTYPE HTML>

<html lang="en" class="no-js">
    
	<head>
        <meta charset="utf-8">
        <title>Saga Island (Pvt) Ltd</title>
        <meta name="description" content="Saga Island Website">
        <meta name="keywords" content="tourism, hotels, sri lanka, ceylon, island, elephant, heritage, buddism, sigiriya, spices, tea, plantation,">
        <!--make sure mobile devices display the page at the proper scale	-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" href="css/default.css" type="text/css" media="screen, projection"/>
        <link rel="stylesheet" href="css/slider.css" type="text/css" media="screen, projection"/>
        
        
        <link rel="icon" href="images/favicon.ico" type="image/x-icon"/> 
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
    
        <script type="text/javascript" src="js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script>
        <script type="text/javascript" src="js/jquery.dd.js"></script>
        <script type="text/javascript" src="js/purl.js"></script>
        <script type="text/javascript" src="js/jquery.validate.min.js"></script>        


<script type="text/javascript">

    $(document).ready(function () {


        //alert("hi");
        var selectedVal = $.url().param('pkg');
        //alert(selectedVal);

        if (selectedVal) {
            //selectedVal = 'Heritage';
            $('#packageList').val(selectedVal);
            //$("#packageList").prop("disabled", true);

            $('html, body').animate({
                scrollTop: $("#panel_page_title_2").offset().top
            }, 2000);

        }

        $('#contactform').submit(function (e) {

            e.preventDefault();
            //alert($("#contactform").validate());
            //alert($("#packageList").val());
            //alert($("#name").val());
            //alert($("#email").val());
            //alert($("#phone").val());
            //alert($("#country").val());
            //alert($("#requirements").val());
            $.ajax({
                type: "POST",
                url: "http://sagaisland.com/admin/contact.php",
                data: { package: $("#packageList").val(), email: $("#email").val(), name: $("#name").val(), phone: $("#phone").val(), country: $("#country").val(), requirements: $("#requirements").val() },
                success: success,
                error: error
            });


        });

        function success(data) {
            alert(data);
            clearValues();
        };

        function error(data) {
            alert("error");
            clearValues();

        };

        function clearValues() {
            $("#email").val('');
            $("#name").val('');
            $("#phone").val('');
            $("#country").val('');
            $("#requirements").val('');
        }

    });

</script>


    </head>

<body>

<!--////////////////////////////Header////////////////////////////-->
<div id="wrapperTop">

          <div id="wrapperHeader">
              <!-- Logo -->
             		 <div class="logo"><a href="index.html"><img src="images/saga_logo.jpg" alt="logo"></a></div>
              
              <!-- Menu Section -->

              		<div class="panel_mainmenu"> 
                    
                        <!--Starting Language Section-->               
                            <ul id="language">
                                <li><a href="#" class="current">ENG</a></li>
                                <li><a href="#">FRE</a></li> 
                            </ul>
                        <!--Closing Language Section-->
                        
                        <!--Starting Main Menu Section-->               
                        <ul id="nav">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="about.html">About Us</a></li> 
                            <li><a href="tailormade.html">Tailor - Made</a></li>
                            <li><a href="#">Packages</a></li>
                            <li><a href="#">Sri Lanka</a>
                                <ul class="subs">
                                    <li><a href="general.html">General Info</a></li>
                                    <li><a href="map.html">Sri Lanka Map</a></li>
                                    <li><a href="whysrilanka.html">Why Sri Lanka?</a></li>
                                    <li><a href="placestovisit.html">Places to Visit</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html" class="current">Contact</a></li>
                            <li><a href="#" class="btn_yellow">Hotels & Villas</a>
                                <ul class="sub_yellow">
                                    <li><a href="hotels_colombo.html">Hotels</a></li>
                                    <li><a href="villas_colombo.html">Villas</a></li>
                                </ul>
                            </li>
                        </ul>
                        <!--Closing Main Menu Section-->
                    </div>
      		</div>
                   
</div>
<!--////////////////////////////Top Image////////////////////////////-->
<div id="wrapperImage_inside">

	<div id="wrapperImageTop">
    
    	<img src="images/top_dolphin.jpg" alt="dolphin">
        
        <div class="title_panel">
            <span class="title_image">Discover Sri Lanka!</span>
            <span class="caption_image">Dolphin Watching</span>
        </div>

    </div>

</div>

<!--////////////////////////////Content////////////////////////////-->
<div id="wrapperContent">
         
        <div class="container">
                
			    <!--////////////////////////////Package Menu////////////////////////////-->
                
                <div id="panel_packagemenu">
                
                        <!--Starting Tour Menu Section-->               
                        <ul id="tourmenu">
                          <li class="heritage"><a href="heritage.html">Heritage</a></li> 
                          <li class="adventure"><a href="adventure.html">Adventure &amp; Wildlife</a></li>
                          <li class="beach"><a href="beach.html">Beach</a></li>
                          <li class="wellness"><a href="wellness.html">Wellness</a></li>
                          <li class="special"><a href="special.html">Special&nbsp;Interest</a></li>
                          <li class="luxury"><a href="luxury.html">Luxury&nbsp;Sagas</a></li>
                          <li class="border_right wedding"><a href="wedding.html">Destination&nbsp;Weddings</a></li>
                          </ul>
                        <!--Closing Tour Menu Section-->
        
                </div>
                
                <!--/////////////Time Section/////////////-->
                
				<div id="panel_time">
                
                   		<div class="column1">
                        	<div class="icons"><img src="images/icon_time.jpg" alt="time"></div>
                            <div class="time_txt_small">Colombo (+5.30 GMT)</div>
                        </div>
                        
                        <div class="column1">
                        	<div class="time_txt_big">
                            <iframe src="http://free.timeanddate.com/clock/i3mn7kix/n1925/fs18/fc787878/tct/pct/pt9/th2" 
                             width="126" height="36" class="no_border"></iframe>
                            </div>
                        </div>
                        
                        <div class="column1">
                        	<div class="icons"><img src="images/icon_weather_sunny.jpg" alt="wheather"></div>
                            <div class="time_txt_small">Sunny Day</div>
                        </div>
                        
                        <div class="column2">
                        	<div class="time_txt_small2">High 30C -  Low 26C</div>
                        </div>
               </div>

               
               	<!-- About Text Section-->
                
                <div id="panel_page_title">
                        <div class="heading1">Contact Info</div>
                </div>
                
                <div class="panel_content">
                
                    		<div class="content_full Orange">

                       		 		<p class="large_txt no_margin white_color">Saga Island Voyages (pvt) Ltd</p>
                                    
                                    <p class="normal_txt white_color" style="margin-top:0px;">
                                    	26/8 A, Yahampath Gardens<br>
                                        Maharagama<br>
                                        Sri Lanka
                                    </p>
                                    
                                    
                                    <div class="panel_contact_big">
      
                                            <div class="panel_contact_small">
                                                <div class="panel_contact_title">
                                                    <div class="title">Telephone</div>
                                                 </div>
                                                 <div class="numbers medium_txt">+94 . 773 . 210 . 390</div>
                                            </div>
                                            
                                            <div class="panel_contact_small">
                                                <div class="panel_contact_title">
                                                    <div class="title">Fax</div>
                                                 </div>
                                                 <div class="numbers medium_txt">+94 . 112 . 851 . 106</div>
                                            </div>
                                            
                                            <div class="panel_contact_small">
                                                <div class="panel_contact_title">
                                                    <div class="title">Email</div>
                                                 </div>
                                                 <div class="numbers medium_txt link_white">
                                                 <a href="mailto:info@sagaisland.com">info@sagaisland.com</a></div>
                                            </div>

                               		</div><!--Contact Big Icon Section-->
          
                         </div><!--Contact Full Section-->
                         
                         <div id="panel_page_title_2">
                        		<div class="heading1">Make Your Reservation</div>
           				 </div>
                                <form name="contactform" id="contactform"  >

                    <table width="880" border="0" class="table_contact" cellpadding="0" cellspacing="0">
                        
                        
                         <tr>
                            <td class="values">Tour package</td>
                            <td>
                                        <select id="packageList" style="width:680px" class="mydds" name="myimge">
                                          <option value="Sentry" selected="selected">Choose a Package</option>
                                          <option value="Heritage" >Heritage</option>
                                          <option value="Adventure" >Adventure</option>
                                          <option value="Beach" >Beach</option>
                                          <option value="Wellness" >Wellness</option>
                                          <option value="Special Interest" >Special Interest</option>
                                          <option value="Luxury Sagas" >Luxury Sagas</option>
                                          <option value="Destination Weddings" >Destination Weddings</option>
                                          <option value="Tailor - Made" >Tailor - Made</option>
                                          <option value="Other" >Other</option>
                                        </select> 
















        
                              <script language="javascript" type="text/javascript">

                                  function showvalue(arg) {
                                      alert(arg);
                                      //arg.visible(false);
                                  }

                                  $(document).ready(function () {

                                      try {
                                          oHandler = $(".mydds").msDropDown().data("dd");
                                          //oHandler.visible(true);
                                          //alert($.msDropDown.version);
                                          //$.msDropDown.create("body select");
                                          $("#ver").html($.msDropDown.version);
                                      } catch (e) {
                                          alert("Error: " + e.message);
                                      }
                                  })
                                          
                              </script>
                            </td>
                        </tr>

                        
                        <tr>
                          <td class="values">Name</td>
                          <td><input id="name" name="Name" type="text" class="textfield2" placeholder="Enter your name" required></td>
                        </tr>
                        <tr>
                          <td class="values">Email ID</td>
                          <td><input id="email" name="Email ID" type="email" class="textfield2" placeholder="Enter your email address" required></td>
                        </tr>
                        <tr>
                          <td class="values">Phone</td>
                          <td><input id="phone" name="Phone" type="text" class="textfield2" placeholder="Enter your phone number" required></td>
                        </tr>
                        <tr>
                          <td class="values">Country</td>
                          <td><input id="country" name="Country" type="text" class="textfield2" placeholder="Enter your country" required></td>
                        </tr>
                       
                        <tr>
                          <td class="values">Requierments</td>
                          <td><textarea id="requirements" name="Reuierments" cols="" rows="5" class="txtarea" placeholder="Enter your requierments" required></textarea></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td style="padding-top:20px;"> <input name="Submit" id="submit" type="submit" value="Submit" class="submit"></td>
                        </tr>
                    </table>
                    </form>

          	</div><!-- Panel Content -->

        </div><!--Container--> 

</div><!--WrapperContent--> 

<!--//////////////////////////Wrapper Footer//////////////////////////-->

<div id="wrapperFooter">

		<div class="container">
        	     
             <div class="panel_full_02">
                    <div class="heading2 Orange_color">Connect with us</div>
             </div>
        
        	<div class="panel_full">

                <div class="panel_small_footer">
                        <!--Starting Infor Menu Section-->               
                        <ul class="footermenu">
                        	  <li class="linkTitle">Information</li>
                              <li><a href="index.html" class="current">Home</a></li>
                              <li><a href="about.html">About Us</a></li> 
                              <li><a href="tailormade.html">Tailor - Made</a></li>
                              <li><a href="general.html">Sri Lanka General Info</a></li>
                              <li><a href="hotels_colombo.html">Hotels & Villas</a></li>
                              <li><a href="contact.html">Contact & Reservations</a></li>
                        </ul>
                        <!--Closing Tour Menu Section-->
                </div>
    
                <div class="panel_small_footer">
                        <!--Starting Tour Menu Section-->               
                        <ul class="footermenu">
                        	  <li class="linkTitle">Tour Packages</li>
                              <li><a href="heritage.html">Heritage</a></li> 
                              <li><a href="adventure.html">Adventure & Wildlife</a></li>
                              <li><a href="beach.html">Beach</a></li>
                              <li><a href="wellness.html">Wellness</a></li>
                              <li><a href="special.html">Special Interest</a></li>
                              <li><a href="luxury.html">Luxury Sagas</a></li>
                              <li><a href="wedding.html">Exotic Weddings</a></li>
                        </ul>
                        <!--Closing Tour Menu Section-->
                </div>
                
                <div class="panel_small_footer">
                        <!--Starting Other Menu Section-->               
                        <ul class="footermenu">
                        	  <li class="linkTitle">Others</li>
                              <li><a href="map.html">Sri Lanka Map</a></li>
                              <li><a href="whysrilanka.html">Why Sri Lanka?</a></li>
                              <li><a href="placestovisit.html">Places to Visit</a></li>
                              <li><a href="sitemap.html">Sitemap</a></li> 
                              <li><a href="privacy.html">Privacy</a></li>
                        </ul>
                        <!--Closing Other Menu Section-->
                </div>
                
                <div class="panel_small_footer">
                        <!--Starting Contact Menu Section-->               
                        <ul class="footermenu">
                        	  <li class="linkTitle">Contact</li>
                              <li class="contacttxt">
                                  <div class="icon_contact"><img src="images/icon_phone.jpg" alt="phone"></div>
                                  +94 . 773 . 210 . 390
                              </li>
                              <li class="contacttxt">
                              	<div class="icon_contact"><img src="images/icon_print.jpg" alt="fax"></div>
                                +94 . 112 . 851 . 106
		                        </li>
                              <li>
                              <div class="icon_contact"><img src="images/icon_mail.jpg" alt="mail"></div>
                              <a href="mailto:info@sagaisland.com">info@sagaisland.com</a>
                              </li> 
                              
                              <li class="addressTitle">Address</li>
                              <li class="addresstxt">
                              	26/8 A, Yahampath Gardens,<br>
                                Maharagama,<br>
                                Sri Lanka.
                              </li>
                        </ul>
                        <!--Closing Contact Menu Section-->
                        
                        <!--Starting Social Menu Section-->               
                    	<ul id="social">
        					  <li  class="facebook"><a href="http://www.facebook.com">facebook</a></li> 
                              <li class="twitter"><a href="http://www.twitter.html">twitter</a></li>
                        </ul>
                        <!--Closing Social Menu Section-->
                 
                        <div class="small_txt LightGrey_color">
                          © sagaisland.com 2013. <br>
                          All rights reserved
                        </div>
  
                </div>

            </div><!-- Panel Full-->
            
             <div class="panel_full_02">
                    <div id="wrapper_logo_small"><img src="images/sagalogosmall.jpg" alt="logosmall"></div>
             </div>

      	</div><!--Container-->

</div>

</body>

</html>
